.gamble-wrap-bg{background-color:#282b2c;padding:5px 10px;}
.gamble-account{padding:10px 0;border-bottom:0px solid #3f4345;}
.gamble-account:last-child{border-bottom:none;}
.gamble-account-section:not(:first-child){padding-left:10px;border-left:0px solid #3f4345;}
.gamble-account-title{color:#84898b;}
.gamble-account-num-yellow{color:#f3ad40;}
.gamble-account-num-white{color:#fff;}

.zhunquelv-wrap{width:1rem;}
.gamble-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f3ad40;}


.gamble-section{border-bottom:1px solid #eaeaea;}
.gamble-over-time{text-align:center;color:#808183;font-size:0.12rem;padding:10px 0 5px;}
.gamble-name{text-align:center;color:#2f3133;font-weight:bold;margin-bottom:10px;}
.gamble-item-wrap{padding:0 10px;}
.gamble-item{box-sizing:border-box;width:48%;margin-bottom:8px;background-color:#f4f4f4;border-radius:4px;color:#2c2e30;padding:3px 6px;}
.gamble-item-num-color{color:#e85b50;}


.gamble-pop-wrap{color:#fff;background-color:#e73e2f;background-image:linear-gradient(to right,#c92c36,#e94931,#ec6238 60%,#ec6338);padding-top:20px;padding-bottom:30px;}
.gamble-center{text-align:center;}
.gamble-center >div{padding:5px 0;}
.gamble-gold{font-size:0.18rem;}
.gamble-ipt-wrap{box-sizing: border-box;width:90%;box-shadow:1px 1px 8px rgba(0,0,0,0.2);font-size:0.16rem;margin:0 auto;transform: translateY(-50%);background-color:#fff;border-radius:2px;padding:15px;}
.gamble-ipt-icon{height:0.22rem;line-height:0.22rem;font-weight:bold;}
.gamble-ipt{border:none;border-radius:0;padding-left:5px;height:0.22rem;line-height:0.22rem;font-size:0.14rem;color:#333;}
.gamble-usual-amount{width:90%;margin:0 auto 10px;}
.gamble-item-amount{width:30%;padding:3px 0;text-align:center;background-color:#fdf4f4;color:#e83e2f;font-weight: bold;font-size:0.12rem;}
.gamble-forecast{width:30%;text-align:center;font-size:0.12rem;}
.gamble-detail{margin:15px 0;}
.gamble-earn-num{color:#e83e2f;}
.btn-touzhu{display:block;background-color:#e83e2f;color:#fff;border:none;width:98%;margin:0 auto 5px;height:0.4rem;line-height:0.4rem;font-size:0.16rem;}

.gambleprogress{position:relative;}
.gamble-close-icon{color:#8e8e92;font-size:0.16rem;}


/*
腾讯版下注界面
.gamble-wrap{width:90%;margin:0 auto;padding:10px;background-color:#fff;border-radius:4px;}
.gamble-title{text-align:center;padding:10px 0 1px;font-size:0.18rem;}
.gamble-meta-time{color:#878d9c;text-align:center;margin-bottom:5px;}
.gamble-progress{position:relative;width:100%;border-radius:99px;background-color:#66dc9b;background-image:linear-gradient(to right,#66dc9b,#08c55d);height:6px;}
.gamble-updown{margin-bottom:20px;}
.gamble-progress-up{position:absolute;width:100px;background-color:#e13c50;background-image:linear-gradient(to right,#e26e7c,#e80721);border-radius:99px;height:6px;}
.gamble-up{color:#dd3b54;}
.gamble-down{color:#80e2b2;}
.bets-btn{padding:15px 50px;font-size:0.2rem;color:#fff;background-color:#e3335c;background-image:linear-gradient(to right,#e3335c,#ed6d69);border:none;border-radius:99px;box-shadow:0px 0px 20px -3px rgba(227,51,92,0.6);}
.bets-down{background-color:#6ae4a5;background-image:linear-gradient(to right,#6ae4a5,#64d998);box-shadow:0px 0px 16px -3px rgba(100,217,152,0.9);}
*/


/*
react-transition-group插件驱动的css动画
.item-enter {
  opacity: 0;
  transform:translateY(50px);
}
.item-enter-active {
  opacity: 1;
transform:translateY(0);
  transition: opacity 500ms ease-in,transform 500ms;
}
.item-enter-done {
  opacity: 1;
}
.item-exit {
  opacity: 1;
}
.item-exit-active {
  opacity: 1;
  transform:translateY(100px);
  transition:opacity 500ms ease-in,transform 500ms;
}
.item-exit-done {
  opacity: 0;
  transform:translateY(100px);
}
*/

